.login-bg { background:url(../../images/landscape.jpg) no-repeat center 0 fixed; background-size:100% 100%;}
.login-wrapper { width:100%; position: absolute; top: 90px; text-align: center; padding-bottom:50px;}
.login-wrapper .logo { /*margin-bottom: 45px;*/ position: relative; left: 14px; }
.login-wrapper .box { margin: 0 auto; padding: 35px 0 30px; float: none; width: 400px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; background: rgba(255, 255, 255, 0.65); height:400px; }
.login-wrapper .box .content-wrap { width: 82%; margin: 0 auto; }
.login-wrapper .box h6 { text-transform: uppercase; margin: 0 0 30px 0; font-size: 18px; font-weight: 600; }
.login-wrapper .box input[type="text"], .login-wrapper .box input[type="password"] { font-size:15px; height:40px; margin-bottom:18px; padding-left:12px; border:#b2bfc7 1px solid; border-radius:3px;}
.login-wrapper .box input[type="password"] { margin-bottom: 18px; }
.login-wrapper .box input:-moz-placeholder {
 color: #9ba8b6;
 font-size: 15px;
 letter-spacing: 0px;
 font-style: italic;
}
 .login-wrapper .box input:-ms-input-placeholder {
 color: #9ba8b6;
 font-style: italic;
 letter-spacing: 0px;
 font-size: 15px;
}
 .login-wrapper .box input::-webkit-input-placeholder {
 color: #9ba8b6;
 font-style: italic;
 letter-spacing: 0px;
 font-size: 15px;
}
.login-wrapper .box a.forgot { display: block; text-align: right; font-style: italic; text-decoration: underline; color: #3d88ba; font-size: 13px; margin-bottom: 6px; float:right;}
.login-wrapper .box .remember { display: block; overflow: hidden; margin-bottom: 20px; width:100%; float:left; }
.login-wrapper .box .remember input[type="checkbox"] { float: left; margin-right: 8px; }
.login-wrapper .box .remember label { float: left; color: #4a576a; font-size: 13px; }
.login-wrapper .box .login { text-transform: uppercase; font-size: 13px; padding: 8px 30px; /*float:left;*/ clear:both; margin-top:10px; -webkit-appearance: none; width: 98%;}
.images6{ width:45%;}
.login-wrapper .no-account { margin: 0 auto; float: none; text-align: center; font-size: 14px; margin-top: 25px; }
.login-wrapper .no-account p { display: inline-block; color: #aaaaaa; }
.login-wrapper .no-account a { color: #aaaaaa; margin-left: 7px; border-bottom: 1px solid;  transition: all .1s linear;
 -moz-transition: all .1s linear;
      /* Firefox 4 */
      -webkit-transition: all .1s linear;
      /* Safari and Chrome */
      -o-transition: all .1s linear;
/* Opera */ }
.forpwd{ float:right; color:#337ab7; text-decoration:none; width:100px; border:none; background:none; font-size:18px; margin-top:16px;}
.login-wrapper .no-account a:hover { text-decoration: none; color: #fff; border-bottom-color: #fff; }
/* background switcher */
.bg-switch { position: absolute; background: rgba(255, 255, 255, 0.8); top: 60px; border-radius: 0px 10px 10px 0px; padding: 10px 10px 0px 10px; z-index: 999; }
.bg-switch .bgs .bg { text-align: center; margin-bottom: 13px; text-decoration: none; display: block; }
.bg-switch .bgs .bg.active img { border-color: #000; }
.bg-switch .bgs .bg img { width: 80px; height: 60px; border: 2px solid #9fcef1; cursor: pointer; }

/* responsive */
@media (max-width: 767px) {
 .login-wrapper .box {
 width: 350px;
}
}
@media (max-width: 480px) {
 .login-wrapper .box {
 width: 90%;
}
}
